<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/pastry.css">
    <title>Holiland 好利来官网</title>
</head>

<body>
    <!-- 整体布局 -->
    <div class="main_layout">
        <!-- 头部 -->
        <div class="header">
            <!-- 第一行导航栏 -->
            <div class="header_row1">
                <!-- 好利来logo -->
                <div class="logo"><img src="../img/header/header_logo.png" alt="" /></div>

                <!-- 导航栏 -->
                <ul class="navigation">
                    <a href="../index.html">
                        <li class="navigation_home">
                            <div class="english">
                                HOME
                                <!-- 设置当前栏目杠 -->
                                <div class="underline "></div>
                            </div>
                            <div class="title">首页</div>
                        </li>
                    </a>
                    <a href="#" onclick="showWindows()">
                        <li class="navigation_item">
                            <div class="english">
                                SELF-PICK
                            </div>
                            <div class="title">自提</div>
                        </li>
                    </a>
                    <a href="../allProduct/allProduct.html">
                        <li class="navigation_item">
                            <div class="english">
                                PRODUCTS
                                <div class="underline"></div>
                            </div>
                            <div class="title">全部产品</div>
                        </li>
                    </a>
                    <a href="../cakes/cakes.html">
                        <li class="navigation_item">
                            <div class="english">
                                CAKES
                                <div class="underline"></div>
                            </div>
                            <div class="title">蛋糕系列</div>
                        </li>
                    </a>
                    <a href="">
                        <li class="navigation_item">
                            <div class="english">
                                PASTRY
                                <div class="underline showLine"></div>
                            </div>
                            <div class="title">零食糕点</div>
                        </li>
                    </a>
                    <a href="../cart/cart.html">
                        <li class="navigation_item">
                            <div class="english">
                                CART
                                <img class="cart" src="../img/cart.png" alt="" />
                                <div class="underline"></div>
                            </div>
                            <div class="title">购物车</div>
                        </li>
                    </a>
                    <a href="#" onclick="signWindows()">
                        <li class="navigation_item">
                            <div class="english">SIGN UP/IN</div>
                            <div class="title">登陆/注册</div>
                        </li>
                    </a>
                    <a href="#" onclick="showAddress()">
                        <li class="navigation_item">
                            <div class="english">CITY</div>
                            <div class="title">
                                长沙
                                <img class="down" src="../img/down.png" alt="" />
                            </div>
                        </li>
                    </a>
            </div>

            <!-- 第二行搜索副栏 -->
            <div class="herder_row2">
                <div class="banner">
                    <span class="one">HOLILAND *</span>
                    <span class="one">HOLILAND *</span>
                    <span class="one">HOLILAND *</span>
                    <span class="two">HOLILAND</span>
                </div>

                <div class="nav-input">
                    <span class="prefix">
                        <img class="search-logo" src="../img/search.png" alt="" />
                    </span>
                    <input type="search" name="input-inner" id="" placeholder="查询商品">
                    <span class="searchtext"><a href="">搜索</a></span>
                </div>

            </div>
        </div>

        <!-- 零食糕点导航栏 -->
        <div class="pastry-nav-box">
            <div class="pastry-nav series">
                <img src="../img/pastry/nav-01.jpg" alt="">
                <div class="series-card-mask mask mask-one "></div>
                <div class="series-card-enTitle">New product series</div>
                <div class="series-card-title active active-one">联名款</div>
            </div>
            <div class="pastry-nav pastry">
                <img src="../img/pastry/nav-02.png" alt="">
                <div class="series-card-mask mask-two"></div>
                <div class="series-card-enTitle">PASTRY SNAKE</div>
                <div class="series-card-title active-two">零食糕点</div>
            </div>
            <div class="pastry-nav Bread">
                <img src="../img/pastry/nav-03.png" alt="">
                <div class="series-card-mask mask-three"></div>
                <div class="series-card-enTitle">Packaged Bread</div>
                <div class="series-card-title active-three">面包土司</div>
            </div>
            <div class="pastry-nav Snack">
                <img src="../img/pastry/nav-04.png" alt="">
                <div class="series-card-mask mask-four"></div>
                <div class="series-card-enTitle">Chinese Pastry Snack</div>
                <div class="series-card-title active-four">零食中点</div>
            </div>
            <div class="pastry-nav Chocolate">
                <img src="../img/pastry/nav-05.png" alt="">
                <div class="series-card-mask mask-five"></div>
                <div class="series-card-enTitle">Chocolate</div>
                <div class="series-card-title active-five">巧克力</div>
            </div>

        </div>

        <!-- 商品展示 -->
        <div class="goods-page">

            <!-- 这是我渲染的部分 -->
            <!-- <div class="goods-card">
                <img src="../img/pastry/pastry-1.jpg" alt="">
                <div class="goods-card-info">
                    <div class="left">
                        <div class="title">可口可乐联名限定 蒲公英空气巧克力</div>
                        <div class="price">
                            <span class="base-price">¥ 59.00</span>
                            <span class="extra">起</span>
                        </div>
                    </div>
                    <div class="right">
                        <div></div>
                        <button class="btn">购买</button>
                    </div>
                </div>
            </div> -->
            <!-- 这里截止 -->


        </div>

        <!-- 页尾 -->
        <div class="footer">
            <!-- 收缩的更多 -->
            <div id="div1" class="more">
                <span>
                    MORE
                    <br />
                    更多
                </span>
            </div>

            <!-- 展开的更多 -->
            <div id="div2" class="more2">
                <div class="moretitle">
                    MORE
                    <br />
                    更多
                </div>

                <div class="moretable">
                    <div id="map" class="navtable">
                        <span>STORE MAP</span>
                        <span>地图查询</span>
                    </div>
                    <div id="store" class="navtable">
                        <span>ALL STORES</span>
                        <span>全国门店</span>
                    </div>
                    <div id="recruit" class="navtable">
                        <span>RECRUITMENT</span>
                        <span>招聘信息</span>
                    </div>
                    <div id="business" class="navtable">
                        <span>OTHER BUSINESS</span>
                        <span>更多业务</span>
                    </div>
                </div>
                <div class="warning">
                    好利来为直营店，请勿相信任何加盟信息
                </div>
            </div>

            <!-- 尾页信息 -->
            <div class="message">
                <span>Copyright2021 © 好利来食品科技（北京）有限公司 版权所有</span>
                <span>&nbsp;&nbsp;</span>
                <span>好利来官方邮箱:info@holiland.com</span>
                <span>&nbsp;&nbsp;</span>
                <span>京ICP备18028600号-3</span>
                <span>&nbsp;&nbsp;</span>
                <span>京公网安备11011302003412号</span>
            </div>
        </div>

        <!-- 自提弹窗 -->
        <div class="self-pink">
            <div class="sf-windows">
                <!-- 关闭按钮 -->
                <a href=""><img class="close" src="../img/close.png" alt="" /></a>
                <div class="win_header"></div>
                <div class="wincontent">
                    <div class="qrcode"><img src="../img/qrcode.jpg" alt="" /></div>
                    <div class="pink_tip">
                        门店自提请移步66
                        <br />
                        好利来微信小程序
                    </div>
                    <div class="pink_tip2">打开手机微信扫一扫</div>
                </div>
            </div>
        </div>

        <!-- 登陆注册弹窗 -->
        <div class="sign-up-in">
            <div class="signWindows">
                <!-- 关闭按钮 -->
                <a href=""><img class="close" src="../img/close.png" alt="" /></a>
                <div class="sign-header">
                    <div class="sign-title">SIGN UP/IN</div>
                    <div class="sign-tip">登陆/注册</div>
                    <div class="signcode"><img src="../img/sign.jpg" alt="" /></div>
                    <div class="signtips">
                        使用微信扫一扫
                        <br />
                        登陆
                    </div>
                </div>
            </div>
        </div>

        <!-- 地点选择弹窗 -->
        <div class="addressWin">
            <div class="address-windows">
                <!-- 关闭按钮 -->
                <a href=""><img class="close" src="../img/close.png" alt="" /></a>
                <div class="address-header">请选择当前所在城市</div>
                <div class="ad-select">
                    <span>地址:</span>
                    <select name="city" id="address">
                        <option value="长沙">长沙</option>
                        <option value="武汉">武汉</option>
                        <option value="上海">上海</option>
                        <option value="北京">北京</option>
                    </select>
                </div>
                <div class="adsubmit"><button id="confirm" onclick="cheakAddress()">确认</button></div>
            </div>
        </div>

    </div>

    <!-- js链接 -->
    <script src="../js/pastry.js"></script>
    <script src="../js/ad-select.js"></script>
    <script src="../js/change.js"></script>
    <script src="../js/self-pink.js"></script>
    <script src="../js/showaddress.js"></script>
    <script src="../js/sign-up-in.js"></script>
    <script src="../js/othertrun.js"></script>




</body>

</html>